﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=1, width=device-width, minimum-scale=0.5, maximum-scale=1.0">
    <!--<link href="/medias/resource/css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css">-->
    <!--<link href="/medias/resource/css/theme-classic.css" rel="stylesheet" type="text/css">-->
    <!--<script src="/medias/resource/js/jquery-1.10.1.min.js"></script>-->
    
    <!--<script src="/medias/resource/js/jquery.mobile-1.4.5.min.js"></script>-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=TtDf30WLM787I77XFe9XCQNI&v=1.0"></script>
    <style id="footer-abs-buttons">
        .footer-button-left,
        .footer-button-right {
            position: absolute;
            margin: 0;
            top: 0.24em;
            bottom: 0.24em;
        }

        .footer-button-left {
            left: 0.4em;
        }

        .footer-button-right {
            right: 0.4em;
        }
    </style>
</head>
<body>

    <div data-role="page" id="pageone" data-theme="b">
        <div data-role="header" data-theme="b">
            <h1>地图实况</h1>
        </div>
        <div data-role="content" style="padding:0">
            <div id="allmap"></div>
        </div>


        <div data-role="footer" data-position="fixed" data-theme="b">
            <h2 class="ui-title" role="heading" aria-level="1">江苏省气象台 Copyright</h2>
            <select name="select-choice-a" id="select1" data-native-menu="false">
                <option>请选择要素</option>
                <option value="standard">Standard: 7 day</option>
                <option value="rush">Rush: 3 days</option>
                <option value="express">Express: next day</option>
                <option value="overnight">Overnight</option>
            </select>
            <a href="#" class="ui-btn ui-corner-all ui-btn-inline ui-mini footer-button-right ui-btn-icon-right ui-icon-carat-r">单站</a>
        </div>
    </div>


</body>
</html>
<script type="text/javascript">
    $(document).on("pageinit", function () {
        $(".ui-select").addClass("footer-button-left");
    });

    // 设置地图中心点
    //var map = new BMap.Map("allmap");
    //map.centerAndZoom(new BMap.Point({{ center_point.la }},{{ center_point.lo }}),{{ center_point.zoom }});
    //map.addControl(new BMap.ZoomControl());  //添加地图缩放控件
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    map.centerAndZoom('南京', 11);
    map.addControl(new BMap.ZoomControl());  //添加地图缩放控件


</script>